//配置信息
const options = {
  id: '123456', //卡片id
  type: 'edit', //编辑模式还是只读模式(edit,readOnly)
  //卡片样式
  containerStyle: {
    // height: '151px',
    // width: '227px',
    height: '500px',
    width: '500px',
    paddingLeft: '0px',
    paddingRight: '0px',
    paddingTop: '0px',
    paddingBottom: '0px',
  },
  //内容式样(此处配置内容较全，可以参考)
  content: [
    {
      id: '202109160001', //每个组件的id(需要确保唯一性)
      //类型包括一下
      // image 图片
      // words 文字列
      // hLine 横线
      // vLine 竖线
      // qrcode 二维码
      // barcode 条形码
      type: 'image',
      width: 150, //宽度
      height: 50, //高度
      offsetX: 40, //距离左边
      offsetY: 0, //距离顶端
      lockAspectRatio: true, //是否按比例放大缩小
      // draggable: false, //是否可拖动
      // resizable: false, //是否可调整大小
      // canDelete: false, //是否可删除
      // value:'图片',//内容(只有文字列类型才有value字段)
      key: '1',
      // url: 'https://file.iviewui.com/dist/7dcf5af41fac2e4728549fa7e73d61c5.svg', //图片地址
      //minWidth:50,//拖拉框最小宽度
      //minHeight:50,//拖拉框最小高度
      //maxWidth:50,//拖拉框最大宽度
      //maxHeight:50,//拖拉框最大宽度
      // dragStyle: {
      // 	border: '1px solid red',
      // }, //拖拽框容器的式样
      // containerStyle:{},//拖拽内容容器式样
      // codeOptions：{},//条形码或者二维码配置信息
      //组件拖动的钩子函数
      dragHooks: {
        //拖动前
        onDragStart: (ev) => {
          // console.log('开始拖动', ev);
        },
        //拖动时
        onDrag: (x, y) => {
          // console.log('拖动中', x, y);
        },
        //拖动结束
        onDragStop: (x, y) => {
          // console.log('停止拖动', x, y);
        },
      },
    },
    {
      id: '202109160002',
      type: 'words',
      width: 200,
      height: 50,
      offsetX: 180,
      offsetY: 0,
      value: '设备仪器',
      draggable: false,
      resizable: false,
      key: '2',
      // dragStyle: {
      // 	border: '1px solid red',
      // },
    },
    {
      id: '202109160003',
      type: 'words',
      width: 100,
      height: 50,
      offsetX: 50,
      offsetY: 140,
      value: '',
      containerStyle: { overflow: 'hidden' },
      key: '3',
      // dragStyle: {
      // 	border: '1px solid red',
      // },
    },
    {
      id: '202109160004',
      type: 'hLine',
      width: 400,
      height: 10,
      offsetX: 0,
      offsetY: 109,
      // dragStyle: {
      // 	border: '1px solid red',
      // },
      key: '4',
      containerStyle: {
        lineStyle: {
          //线样式
          borderWidth: '5px',
        },
      },
    },
    {
      id: '202109160005',
      type: 'vLine',
      width: 10,
      height: 300,
      offsetX: 170,
      offsetY: 140,
      key: '5',
      // dragStyle: {
      // 	border: '1px solid red',
      // },
    },
    {
      id: '202109160006',
      type: 'qrcode',
      width: 150,
      height: 150,
      offsetX: 250,
      offsetY: 200,
      value: '我是二维码4',
      key: '6',
      // canDelete: false,
      // dragStyle: {
      // 	border: '1px solid red',
      // },
    },
    {
      id: '202109160007',
      type: 'barcode',
      width: 200,
      height: 50,
      offsetX: 200,
      offsetY: 60,
      value: 'barcode',
      key: '7',
      // canDelete: false,
      codeOptions: { displayValue: false },
      // dragStyle: {
      // 	border: '1px solid red',
      // }, //拖拽框容器的式样
    },
  ],
}

export default options;